<template>
	<div class="user-center">
        <div class="heade">
            <div class="switches-wrapper t3">
               个人中心
            </div>
        </div>
          <div class="">
            <router-link tag="div" class="" to="/user/user-login">
                <span>用户登录</span>
            </router-link>    
            <router-link tag="div" class="" to="/user/user-regist">
               <span>注册</span>
            </router-link>  
            <router-link tag="div" class="" to="/user/user-regist">
               <span>忘记密码</span>
            </router-link>            
        </div>  
        <router-view></router-view>      	
	</div>	
</template>
<script>
export default{
    data() {
      return {}
    },    
    computed:{
    },
    created(){
    },
    methods:{       
    },
    components: {}
  }	
</script>
<style scoped lang='scss' type="text/css">
  @import "~common/scss/variable.scss";
  @import "~common/scss/mixin.scss";
.user-center{
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 64px;
    background: white;
}
.heade{
     height:45px;
     line-height: 45px;
    text-align:center;
    font-size:$font-size-medium-x;
    .icon-back{
          font-weight: bold;
          position: absolute;
          top: 12px;
          left: 15px;
          font-size:$font-size-large-a;
           @include extend-click;
      }        
    .t3{
        display:flex;
        display:-webkit-flex;
        width:60%;
        margin:0 auto;
        justify-content:center;
        align-items:center;
    }
    .three{
        flex:1;
    }
}
</style>